<script setup>
import {DFT_ICONS} from "@jzl/icons";

const istyle = defineModel()
const props = defineProps({
  // istyle: Object,
  eleDef: Object,
  currentItemElCode: String
})
</script>

<template>
  <div class="ele-prop-item">
    <el-form label-width="60px" size="mini" label-position="top" v-if="istyle">
      <el-form-item label="光标样式">
        <el-radio-group v-if="istyle" v-model="istyle.cursor">
          <el-radio-button label="default" v-tippy="{ arrow: true }" content="默认 default">
            <JIcon :icon="DFT_ICONS.cursor" />
          </el-radio-button>
          <el-radio-button label="pointer" v-tippy="{ arrow: true }" content="手型 pointer">
            <JIcon :icon="DFT_ICONS.hand" />
          </el-radio-button>
          <el-radio-button label="text" v-tippy="{ arrow: true }" content="文本 text">
            <JIcon :icon="DFT_ICONS.cursorInput" />
          </el-radio-button>
          <el-radio-button label="move" v-tippy="{ arrow: true }" content="移动 move">
            <JIcon :icon="DFT_ICONS.cursorMove" />
          </el-radio-button>
          <el-radio-button label="wait" v-tippy="{ arrow: true }" content="等待 wait">
            <JIcon :icon="DFT_ICONS.wait" />
          </el-radio-button>
        </el-radio-group>
      </el-form-item>
    </el-form>
  </div>
</template>
